<template>
	<div class="point-box" :style="{'--el-text-color-regular':itemObj.color}"><span class="point"></span>{{ itemObj.label }}</div>
</template>

<script setup lang="ts">
const props = defineProps<{
	options?: any
	value?: string | number
}>()

const itemObj:any= computed(() => {
	return props.options.find((item: any) => item.value === props.value) ||{}
})
</script>

<style scoped lang="scss">
.point-box {
	position: relative;
	font-family: 'Microsoft YaHei';
	font-weight: 400;
	font-size: 15px;
	color: var(--el-text-color-regular);
  display: flex;
  align-items: center;
  gap:10px;
	.point {
		width: 5px;
		height: 5px;
		background: var(--el-text-color-regular);
    border-radius: 50%;
	}
}
</style>
